<template>
	<div id="assistHome" class="assistHome">
		<x-button class="flexBtn_confirm" @click.native="confirm">关闭</x-button>
		<group-title> {{ reception }} </group-title>
		<grid :cols="3" :show-lr-borders="false">
			<grid-item v-for="i in 8" :key="i">
				<span class="grid-center">{{i}}</span>
			</grid-item>
		</grid>

		<group-title> {{ points }} </group-title>
		<group-title> {{ $t('Custom col') }} </group-title>
		<grid :cols="3" :show-lr-borders="false">
			<grid-item v-for="i in 8" :key="i">
				<span class="grid-center">{{i}}</span>
			</grid-item>
		</grid>
		<flexbox>
			<flexbox-item>
				<x-button class="flexBtn_confirm" @click.native="confirm">下一页</x-button>
			</flexbox-item>
			<flexbox-item>
				<x-button class="flexBtn_cancel" @click.native="cancel">首页</x-button>
			</flexbox-item>
		</flexbox>
	</div>
</template>

<script>
	import bus from '@/event/eventBus'
	import {Group, XButton, Flexbox, FlexboxItem, Grid, GridItem} from 'vux'
	export default {
		name: "assist-home",
		components: {
			Group,
			XButton,
			Flexbox,
			FlexboxItem,
			Grid,
			GridItem
		},
		data() {
			return {
				reception: '接待',
				points: '抗拒点',
				options: [
					'回家商量',
					'比较比较',

				]
			}
		},
		created: function () {
			bus.$emit("barController", 9)
		}
	}
</script>

<style scoped>

</style>